<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="../templates/general.xhtml">
	<ui:define name="cuerpo">
	<h:form id="form">
		<table>
			<tr>
				<td><h:outputLabel for="id" value="Codigo : " /></td>
				<td><p:inputText id="id" disabled="true"
						value="#{actividadController.actividadDTO.actividadId}">
						<f:converter converterId="javax.faces.Integer" />
						<p:ajax event="blur" update="idMsg" />
					</p:inputText> <p:message id="idMsg" for="id" display="icon" /></td>
			</tr>
			<tr>
				<td><h:outputLabel for="descripcion" value="Descripcion : " /></td>
				<td><p:inputText id="descripcion"
						value="#{actividadController.actividadDTO.descripcion}">
						
						<p:ajax event="blur" update="nameMsg" />
					</p:inputText> <p:message id="nameMsg" for="descripcion" display="icon" /></td>
			</tr>
			<tr>
				<td><p:commandButton id="guardarId" value="Guardar"
						action="#{actividadController.insertar}" ajax="false" /></td>
				<td><p:commandButton id="eliminarId" value="Eliminar"
						action="#{actividadController.eliminar}" ajax="false" /></td>
				<td><p:commandButton id="actualizarId" value="Actualizar"
						action="#{actividadController.actualizar}" ajax="false" /></td>
				<td><p:commandButton id="nuevoId" value="Nuevo"
						action="#{actividadController.reset}" ajax="false" /></td>
				<td><p:commandButton id="limpiarId" value="Limpiar"
						action="#{actividadController.reset}" ajax="false" /></td>

				<td><p:commandButton id="buscarId" value="Buscar Producto"
				update="form:id from:descripcion"
						action="#{actividadController.buscar}" ajax="false" /> 
						<p:inputText
						id="buscarTextId" value="#{actividadController.descripcion}">
						</p:inputText></td>

			</tr>

		</table>

		<h:outputText value="TABLA ACTIVIDAD : "></h:outputText>

		<p:dataTable id="actividadDTODataTable" style="width: 10%"
			emptyMessage="sin registros"
			value="#{actividadController.listaActividadesDTO}"
			var="variableActividad" rendered="true" resizableColumns="false"
			paginator="false" paginatorPosition="top"
			paginatorTemplate=" {CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
			rowsPerPageTemplate="5,10,25,50" rows="10" selectionMode="single"
			rowIndexVar="indexProducto" rowKey="#{variableActividad.actividadId}">
			<p:ajax event="rowSelect" global="false"
				listener="#{actividadController.onRowSelect}"
				update=":form:id :form:descripcion " />
			<p:column headerText="Item" styleClass="center">
				<h:outputText value="#{indexProducto + 1}" />
			</p:column>
			<p:column headerText="Identificador">
				<h:outputText value="#{variableActividad.actividadId}" />
			</p:column>
			<p:column headerText="Descripción">
				<h:outputText value="#{variableActividad.descripcion}" />
			</p:column>
		</p:dataTable>

	</h:form>
</ui:define>
</ui:composition>
</html>

